<!-- 页面中的内容 -->
<div class="main-div">
    <form name="main_form" method="POST" action="{:url('add')}">
        <table cellspacing="1" cellpadding="3" width="100%">
            <tr>
                <td class="label">账号：</td>
                <td>
                    <input  type="text" name="username" value="" />
                </td>
            </tr>
            <tr>
                <td class="label">密码：</td>
                <td>
                    <input type="password" size="25" name="password" />
                </td>
            </tr>
            <tr>
                <td class="label">确认密码：</td>
                <td>
                    <input type="password" size="25" name="cpassword" />
                </td>
            </tr>
            <tr>
                <td class="label">是否启用：</td>
                <td>
                    <input type="radio" name="is_use" value="1" checked="checked" />启用 
                    <input type="radio" name="is_use" value="0"  />禁用 
                </td>
            </tr>
            <tr>
                <td class="label">所在角色：</td>
                <td>
                    {volist name="roles" id="role"}
                        <input type="checkbox" name="role_id[]" value="{$role.rid}" />{$role.role_name}  
                    {/volist}                                    
                                               
                </td>
            </tr>
            <tr>
                <td colspan="99" align="center">
                    <input type="submit" class="submit" value=" 确定 " />
                    <input type="reset" class="button" value=" 重置 " />
                </td>
            </tr>
        </table>
    </form>
</div>
<script>
// 让提交只能点一次
    $('.submit').click(function() {

        //三十秒内进制重复提交
        var sec = 30;

        //提交按钮
        var _this = $(this);

        //让提交按钮处于不能被点击的状态
        _this.attr('disabled','true').parents('form').submit();

        //设置一个定时器
        var time = setInterval(function() {

            //减少时间
            sec--;

            //改变提示文字
             _this.val('提交中('+sec+')');
            
            //当到达0秒后，清除disabled属性，并清空定时器
            if( sec <= 0 ) {
                
                _this.removeAttr('disabled').val('确定');

                clearInterval(time);
            }

        } , 1000);

    });
</script>

